<html>

<head>
      <meta charset="utf-8" />
      <!-- don't forget to paste your page title! -->
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <meta name="description" content="" />
      <meta name="author" content="" />
      <!-- Le styles -->
      <!-- bootstrap framework styles -->
      <link href="css/bootstrap.css" rel="stylesheet" />
      <!-- fancybox lightbox clone plugin styles -->
      <link href="css/fancybox.css" rel="stylesheet" />
      <!-- icomoon icons font  -->
      <link href="css/icomoon.css" rel="stylesheet" />
      <!-- sequence slider styles -->
      <!--[if lt IE 8]>
      <link rel="stylesheet" type="text/css" media="screen" href="css/sequencejs_ie.css" />
      <![endif]-->
      <link rel="stylesheet" type="text/css" media="screen" href="css/sequencejs.css" />
      <!-- main template styles -->
      <link href="css/styles.css" rel="stylesheet" />
      <!-- place for your custom styles -->
      <link href="css/mystyle.css" rel="stylesheet" />
      <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
      <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
      <![endif]-->

   </head>


<body>



         
                  <!-- slideshow area -->
                  <div id="myCarousel" class="carousel slide">
                     <div class="carousel-inner">
                        <div class="item active">
                           <img src="img/proj1img1.png" alt="" />
                           <div class="carousel-caption">
                              <p>Fachada y pintura exterior del Tkt Six Fco. Beltran.</p>
                           </div>
                        </div>
                        <div class="item">
                           <img src="img/proj1img2.png" alt="" />
                           <div class="carousel-caption">
                              <p>Pintura interior, instalación de hieleras, anaqueles y botiquín.</p>
                           </div>
                        </div>
                        <div class="item">
                           <img src="img/proj1img3.png" alt="" />
                           <div class="carousel-caption">
                              <p>Pintura interior, instalación de hieleras, anaqueles y botiquín.</p>
                           </div>
                        </div>
                     </div>
                     <a class="left carousel-control" href="#myCarousel" data-slide="prev"></a>
                     <a class="right carousel-control" href="#myCarousel" data-slide="next"></a>
                  </div>
                  <!-- /slideshow area -->
               

                  
         <div class="box">
            
            <p>Actividades de construcci&oacute;n: </p> 
            <list> 
               <li>Apoyo en localizaci&oacute;n de punto y revisi&oacute;n del &aacute;rea</li>
               <li>Levantamientos de obra</li>
               <li>Construcción Total  (Obra Gris, Fachada, Piso, Pintura)</li>
               <li>Apoyo en la Administración y coordinación con otros proveedores y constructora</li>
               <li>Instalaci&oacute;n de: Piso, Tablaroca, Yeso</li>
               <li>Albañiler&iacute;a</li>
               <li>Contrataci&oacute;on de servicios</li>
               </list>
               
                           
         </div>


</body>


<!-- /container --><!-- Le javascript
         ================================================== -->
      <!-- Placed at the end of the document so the pages load faster -->
      <script src="js/jquery.js"></script>
      <!-- Bootstrap Framework script -->
      <script src="js/bootstrap.js"></script>
      <!-- <script> $(function() { $('.carousel').carousel() }); </script> -->
      <script type="text/javascript">
         $("[rel=tooltip]").tooltip();
      </script>
      <!-- plugin for background images -->
      <script src="js/bg_image.js"></script>
      <!-- Fancybox plugin -->
      <script type="text/javascript" src="js/fancybox.js"></script>
      
      <script type="text/javascript">
         $(document).ready(function() {
            /*
            *   Examples - images
            */
         
            $("a#example1").fancybox({
               'padding'          : '0',
               'transitionIn' : 'fade',
               'transitionOut'   : 'fade',
               'overlayColor' : '#000',
               'showNavArrows' : false,
               'titlePosition'      : 'outside',
               'overlayOpacity' : 0.7,
               'width'     : 960,
               'height' : 540
         
            });
         
            $("a#example2").fancybox({
               'overlayShow'  : false,
               'transitionIn' : 'elastic',
               'transitionOut'   : 'elastic'
            });
         
            $("a#example3").fancybox({
               'transitionIn' : 'none',
               'transitionOut'   : 'none' 
            });
         
            $("a#example4").fancybox({
               'opacity'      : true,
               'overlayShow'  : false,
               'transitionIn' : 'elastic',
               'transitionOut'   : 'none'
            });
         
            $("a#example5").fancybox();
         
            $("a#example6").fancybox({
               'titlePosition'      : 'outside',
               'overlayColor'    : '#000',
               'overlayOpacity'  : 0.9
            });
         
            $("a#example7").fancybox({
               'titlePosition'   : 'inside'
            });
         
            $("a#example8").fancybox({
               'titlePosition'   : 'over'
            });
         
            $("a[rel=example_group]").fancybox({
               'padding'          : '0',
               'transitionIn' : 'fade',
               'transitionOut'   : 'fade',
               'overlayColor' : '#000',
               'showNavArrows' : true,
               'titlePosition'      : 'outside',
               'overlayOpacity' : 0.7
         
            });
         
            /*
            *   Examples - various
            */
         
            $("#various1").fancybox({
               'titlePosition'      : 'inside',
               'transitionIn'    : 'none',
               'transitionOut'      : 'none'
            });
         
            $("#various2").fancybox();
         
            $("#various3").fancybox({
               'width'           : '75%',
               'height'       : '75%',
               'autoScale'       : false,
               'transitionIn'    : 'none',
               'transitionOut'      : 'none',
               'type'            : 'iframe'
            });
         
            $("#various4").fancybox({
               'padding'         : 0,
               'autoScale'       : false,
               'transitionIn'    : 'none',
               'transitionOut'      : 'none'
            });
         });
      </script><!-- plugin for twitter display -> http://tweet.seaofclouds.com/ -->
      <!-- I am using envato twitter acount as the demo. Don't forget paste yours -->
      <script type="text/javascript" src="js/tweet.js"></script>
      <script type="text/javascript">
         //settings for the sidebar twitter area
         jQuery(function($){
           $(".twitter").tweet({
             join_text: "auto",
             username: "envato", //!paste here your twitter username!
             count: 3,
             auto_join_text_default: " we said, ",
             auto_join_text_ed: " we ",
             auto_join_text_ing: " we were ",
             auto_join_text_reply: " we replied ",
             auto_join_text_url: " we were checking out ",
             loading_text: "loading tweets..."
           });
         });
         
      </script>
      <!-- Plugin for responsive video -> http://fitvidsjs.com/ -->
      <script src="js/fitvids.js"></script>
      <script>
         $(".container").fitVids();
         $(".container").fitVids({ customSelector: "iframe[src^='http://socialcam.com']"});  
      </script>
   





</html>